<style>
  body {
    position: relative;
  }

  .aside {
    width: 100px;
    height: 150px;
    float: left;
    background: #f66;
  }

  .main {
    height: 200px;
    background: #fcc;
    /*给main添加一个overflow属性可以创建一个bfc*/
    /* 当触发main生成BFC后，这个新的BFC不会与浮动的aside重叠。
    因此会根据包含块的宽度，和aside的宽度，自动变窄 */
    /* overflow: hidden; */
  }
</style>

<body>
  <div class="aside"></div>
  <div class="main">山东龙口粉丝的立刻就分开了三大纪律咖啡 </div>
</body>